<template>
	<view class="content">
		<view class="service">
			<view class="ser-content1">
				<view class="segmented-contro1-img">
					<image src="../../../static/news/imgs4.png" mode=""></image>
				</view>
				<view class="segmented1-name">
					Hi，智能管家很高兴为您服务！
				</view>
			</view>
			<view class="ser-content1">
				<view class="segmented-contro1-img">
					<image src="../../../static/news/imgs4.png" mode=""></image>
				</view>
				<view class="segmented1-name">
					Hi，智能管家很高兴为您服务！
				</view>
			</view>
			<view class="ser-content2">
				<view class="ser-content2-name">
					你好，我有几个问题想咨询下
				</view>
				<view class="ser-content2-img">
					<image src="../../../static/addition/add-imgs1.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.content {
	width: 749rpx;
	height: 1208rpx;
	.service {
		margin: 25rpx;
		background-color: #f7f7f7;
		height: 100%;
		.ser-content1 {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			padding-top: 70rpx;
			.segmented-contro1-img {
				width: 79rpx;
				height: 79rpx;
				image {
					max-width: 100%;
					max-height: 100%;
				}
			}
			.segmented1-name {
				margin: 0 21rpx;
				width: 400rpx;
				height: 79rpx;
				align-items: center;
				background-color: #FFF;
				border-radius: 54rpx;
				font-size: 25rpx;
				text-align: center;
				line-height: 72rpx;
				
			}
		}
		.ser-content2 {
			padding-top: 70rpx;
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			.ser-content2-name {
				font-size: 25rpx;
				line-height: 72rpx;
				text-align: center;
				margin: 0 21rpx;
				width: 400rpx;
				height: 79rpx;
				align-items: center;
				background-color: #fcda22;
				border-radius: 54rpx;
			}
			.ser-content2-img {
				width: 79rpx;
				height: 79rpx;
				image {
					max-width: 100%;
					max-height: 100%;
				}
			}
		}
		
	}
}
</style>
